<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <title>模型编辑器</title>
    <script data-main="editor.js" src="../../boot.js" type="text/javascript"></script>
    <style type="text/css">
        body {
            position: relative;
            height: 100%;
            width: 100%;
        }

        .logger {
            margin: 0;
        }

        .logger-error {
            color: red;
        }

        /*iframe {*/
        /*    display: block; !* iframes are inline by default *!*/
        /*    !*background: #000;*!*/
        /*    border: none; !* Reset default border *!*/
        /*    height: 80vh; !* Viewport-relative units *!*/
        /*    !*width: 100vw;*!*/
        /*}*/
    </style>
</head>
<body style="display: none">
<div class="mini-fit">

    <div id="main-splitter" class="mini-splitter" vertical="true" style="width:100%;height:100%;">
        <div size="75%" showCollapseButton="false">
            <div class="mini-splitter" style="width:100%;height:100%;">
                <div size="75%" showCollapseButton="false">
                    <iframe id="designer" style="border:0;width: 100%;height: 100%;position: relative;"
                            frameborder="0"></iframe>
                </div>
                <div>
                    <div class="mini-fit" id="info-panel" style="padding: 10px;margin: auto">

                    </div>
                </div>
            </div>

        </div>
        <div showCollapseButton="true">
            <div class="mini-fit" id="log-panel" style="padding: 10px;margin: auto">
                <pre> &gt; 日志 </pre>
            </div>
        </div>
    </div>

</div>

<div class="mini-window" id="debug-param-window" showToolbar="true" style="width: 600px;height: 400px" title="运行参数">
    <div property="toolbar" style="padding:5px;">
        <a class="mini-button confirm-debug">确认</a>
    </div>
    <input class="mini-textarea" emptyText="请输入执行参数,对象请输入JSON格式" id="debugParam" style="width: 100%;height: 100%">
</div>


<div class="mini-window" id="scheduling-window" showToolbar="true" style="width: 600px;height: 400px" title="调度规则">
    <div property="toolbar" style="padding:5px;">
        <a class="mini-button save-scheduling">保存</a>
    </div>
    <div class="mini-fit dynamic-form" style="font-size: 16px">
        <div class="mini-col-12 form-component">
            <input id="fixed-worker" class="mini-radiobuttonlist" data="[{id:'fixed-worker',text:'指定主机运行'}]"/>

        </div>
        <div class="mini-col-12 form-component scheduling-conf fixed-worker" style="display: none">
            <input id="fixed-worker-conf" textField="id" showNullItem="true" allowInput="true" class="mini-combobox" style="width: 100%" >
        </div>

        <div class="mini-col-12 form-component">
            <input id="tag-match" class="mini-radiobuttonlist" data="[{id:'tag-match',text:'自动选择符合规则的主机'}]"/>
        </div>
        <div class="mini-col-12 form-component scheduling-conf tag-match" style="display: none">
            <div id="scheduling-grid" class="mini-datagrid" showPager="false" allowCellEdit="true" allowCellSelect="true"
                 style="width:100%;height: 150px">
                <div property="columns">
                    <div field="tag" width="120" align="center" headerAlign="center" vtype="required" autoEscape="true">标签键
                        <input property="editor" class="mini-textarea" allowInput="true"/>
                    </div>
                    <div field="operator" width="120" align="center" headerAlign="center" autoEscape="true">操作符
                        <input property="editor" data="window._scheduling_operator"   textField="id" class="mini-combobox" allowInput="true" style="width:100%;"/>
                    </div>
                    <div field="value" width="120" align="center" headerAlign="center" autoEscape="true">标签值
                        <input property="editor" class="mini-textarea" allowInput="true"/>
                    </div>
                    <div name="action" width="80" align="center" headerAlign="center">
                        <span class="title-button" style="width: 30px">操作</span>
                        <span class="title-button icon-add" onclick="mini.get('scheduling-grid').addRow({})"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>



<ul id="contextMenu" class="mini-contextmenu">
    <li iconCls="icon-remove" onclick="$('#log-panel').html('')">清空</li>

    <li iconCls="icon-remove" onclick='window.closeDebugSession'>结束调试</li>
</ul>

</body>
</html>